<head>
    <meta charset="UTF-8" />
    <title>Ranking List</title>
    <link rel="stylesheet" href="./rankingList.css" />
</head>

<body>
    <div class="background">
        <img src="../../original_ill/ill/Aphasia.闫东炜.png" alt="曲绘" />
    </div>
    <div class="list">
        <div class="list_bkg"></div>
        <div class="aUser">
            <div class="profileIll">
                <img
                    src="../../original_ill/ill/Ark.kanoryo.png"
                    alt="{{user.background}}"
                />
            </div>
            <div class="avatar_box">
                <div class="avatar">
                    <img
                        src="../avatar/ShineAfter_水青_Special_Avatar.png"
                        alt="{{user.avatar}}"
                    />
                </div>
            </div>
            <div class="num">
                <p>#1314520</p>
            </div>
            <div class="playerId">
                <p>这是昵称大概有十个字</p>
            </div>
            <div class="clgBox">
                <div class="Challenge">
                    <img src="../otherimg/5.png" alt="Challenge" />
                    <p>54</p>
                </div>
            </div>
            <div class="rks">
                <p>00.0000</p>
            </div>
        </div>
        <div class="aUser">
            <div class="profileIll">
                <img
                    src="../../original_ill/ill/parsey.siqlo.png"
                    alt="{{user.background}}"
                />
            </div>
            <div class="avatar_box">
                <div class="avatar">
                    <img
                        src="../avatar/ShineAfter_水青_Special_Avatar.png"
                        alt="{{user.avatar}}"
                    />
                </div>
            </div>
            <div class="num">
                <p>#1314520</p>
            </div>
            <div class="playerId">
                <p>这是昵称大概有十个字</p>
            </div>
            <div class="clgBox">
                <div class="Challenge">
                    <img src="../otherimg/5.png" alt="Challenge" />
                    <p>54</p>
                </div>
            </div>
            <div class="rks">
                <p>00.0000</p>
            </div>
        </div>
        <div class="aUser you">
            <div class="profileIll"></div>
            <div class="avatar_box">
                <div class="avatar">
                    <img
                        src="../avatar/ShineAfter_水青_Special_Avatar.png"
                        alt="{{user.avatar}}"
                    />
                </div>
            </div>
            <div class="num">
                <p>#1314520</p>
            </div>
            <div class="playerId">
                <p>这是昵称大概有十个字</p>
            </div>
            <div class="clgBox">
                <div class="Challenge">
                    <img src="../otherimg/5.png" alt="Challenge" />
                    <p>54</p>
                </div>
            </div>
            <div class="rks">
                <p>00.0000</p>
            </div>
        </div>
        <div class="aUser"></div>
        <div class="aUser"></div>
    </div>
    <div class="info">
        <div class="txt_box">
            <p>Updated at:</p>
            <p>2025/4/27 10:39:44</p>
        </div>
        <div class="player_profile_box">
            <font color="white" id="profile"
                >{{#gameuser.selfIntro.replace(/\n\r?/g,'<br />')}}</font
            >
        </div>
        <div class="rks_line">
            <div class="svg-box">
                <div class="value_box">
                    <p>00.00</p>
                    <p>00.00</p>
                </div>
                <div class="line-box">
                    <div class="line">
                        <svg>
                            <defs>
                                <marker
                                    id="dot"
                                    viewBox="0 0 10 10"
                                    markerWidth="8"
                                    markerHeight="8"
                                    refX="2"
                                    refY="2"
                                >
                                    <circle cx="2" cy="2" r="1">2333</circle>
                                </marker>
                                <linearGradient
                                    id="linear-gradient"
                                    x1="0%"
                                    y1="100%"
                                    x2="0%"
                                    y2="0%"
                                >
                                    <stop offset="0%" stop-color="#87ceebff" />
                                    <stop
                                        offset="100%"
                                        stop-color="#87ceeb00"
                                    />
                                </linearGradient>
                            </defs>

                            <line
                                x1="0"
                                y1="0"
                                x2="109.06125"
                                y2="156.854"
                            ></line>
                            <line
                                x1="109.06125"
                                y1="156.854"
                                x2="218.1225"
                                y2="39.146"
                            ></line>
                            <line
                                x1="218.1225"
                                y1="39.146"
                                x2="327.18375"
                                y2="124.596"
                            ></line>
                            <line
                                x1="327.18375"
                                y1="124.596"
                                x2="436.245"
                                y2="117.674"
                            ></line>
                        </svg>
                    </div>
                    <div class="date_box">
                        <p>-360d</p>
                        <p>0d</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="clg_info">
            <p>ChallengeMode History</p>
        </div>
        <div class="clg_list_box">
            <div class="clg_line"></div>
            <div class="clg_list">
                <div class="a_clg_box">
                    <div class="clg_box">
                        <div class="Challenge">
                            <img src="../otherimg/5.png" alt="Challenge" />
                            <p>54</p>
                        </div>
                    </div>
                    <p>-360d</p>
                </div>
                <div class="a_clg_box">
                    <div class="clg_box">
                        <div class="Challenge">
                            <img src="../otherimg/5.png" alt="Challenge" />
                            <p>54</p>
                        </div>
                    </div>
                    <p>-360d</p>
                </div>
                <div class="a_clg_box">
                    <div class="clg_box">
                        <div class="Challenge">
                            <img src="../otherimg/5.png" alt="Challenge" />
                            <p>54</p>
                        </div>
                    </div>
                    <p>-360d</p>
                </div>
                <div class="a_clg_box">
                    <div class="clg_box">
                        <div class="Challenge">
                            <img src="../otherimg/5.png" alt="Challenge" />
                            <p>54</p>
                        </div>
                    </div>
                    <p>-360d</p>
                </div>
                <div class="a_clg_box">
                    <div class="clg_box">
                        <div class="Challenge">
                            <img src="../otherimg/5.png" alt="Challenge" />
                            <p>54</p>
                        </div>
                    </div>
                    <p>-360d</p>
                </div>
                <div class="a_clg_box">
                    <div class="clg_box">
                        <div class="Challenge">
                            <img src="../otherimg/5.png" alt="Challenge" />
                            <p>54</p>
                        </div>
                    </div>
                    <p>-360d</p>
                </div>
                <div class="a_clg_box">
                    <div class="clg_box">
                        <div class="Challenge">
                            <img src="../otherimg/5.png" alt="Challenge" />
                            <p>54</p>
                        </div>
                    </div>
                    <p>-360d</p>
                </div>
                <div class="a_clg_box">
                    <div class="clg_box">
                        <div class="Challenge">
                            <img src="../otherimg/5.png" alt="Challenge" />
                            <p>54</p>
                        </div>
                    </div>
                    <p>-360d</p>
                </div>
                <div class="a_clg_box">
                    <div class="clg_box">
                        <div class="Challenge">
                            <img src="../otherimg/5.png" alt="Challenge" />
                            <p>54</p>
                        </div>
                    </div>
                    <p>-360d</p>
                </div>
                <div class="a_clg_box">
                    <div class="clg_box">
                        <div class="Challenge">
                            <img src="../otherimg/5.png" alt="Challenge" />
                            <p>54</p>
                        </div>
                    </div>
                    <p>-360d</p>
                </div>
                <div class="a_clg_box">
                    <div class="clg_box">
                        <div class="Challenge">
                            <img src="../otherimg/5.png" alt="Challenge" />
                            <p>54</p>
                        </div>
                    </div>
                    <p>-360d</p>
                </div>
            </div>
        </div>
        <div class="b30list">
            <div class="b30Alist P3">
                <p>Perfect 3</p>
                <div class="ill_box">
                    <img
                        src="../../original_ill/ill/Schadenfreude.ZxNX.png"
                        alt="{{song.illustration}}"
                    />
                    <div class="b30_dif IN-BKG">
                        <p>IN 00.0</p>
                    </div>
                    <div class="Rating">
                        <img src="../otherimg/phi.png" alt="{{song.Rating}}" />
                    </div>
                </div>
                <div class="ill_box">
                    <img
                        src="../../original_ill/ill/Schadenfreude.ZxNX.png"
                        alt="{{song.illustration}}"
                    />
                    <div class="b30_dif IN-BKG">
                        <p>IN 00.0</p>
                    </div>
                    <div class="Rating">
                        <img src="../otherimg/phi.png" alt="{{song.Rating}}" />
                    </div>
                </div>
                <div class="ill_box">
                    <img
                        src="../../original_ill/ill/Schadenfreude.ZxNX.png"
                        alt="{{song.illustration}}"
                    />
                    <div class="b30_dif IN-BKG">
                        <p>IN 00.0</p>
                    </div>
                    <div class="Rating">
                        <img src="../otherimg/phi.png" alt="{{song.Rating}}" />
                    </div>
                </div>
            </div>
            <div class="b30Alist B3">
                <p>Best 3</p>
                <div class="ill_box">
                    <img
                        src="../../original_ill/ill/Schadenfreude.ZxNX.png"
                        alt="{{song.illustration}}"
                    />
                    <div class="b30_dif IN-BKG">
                        <p>IN 00.0</p>
                    </div>
                    <div class="Rating">
                        <img src="../otherimg/phi.png" alt="{{song.Rating}}" />
                    </div>
                </div>
                <div class="ill_box">
                    <img
                        src="../../original_ill/ill/Schadenfreude.ZxNX.png"
                        alt="{{song.illustration}}"
                    />
                    <div class="b30_dif IN-BKG">
                        <p>IN 00.0</p>
                    </div>
                    <div class="Rating">
                        <img src="../otherimg/phi.png" alt="{{song.Rating}}" />
                    </div>
                </div>
                <div class="ill_box">
                    <img
                        src="../../original_ill/ill/Schadenfreude.ZxNX.png"
                        alt="{{song.illustration}}"
                    />
                    <div class="b30_dif IN-BKG">
                        <p>IN 00.0</p>
                    </div>
                    <div class="Rating">
                        <img src="../otherimg/phi.png" alt="{{song.Rating}}" />
                    </div>
                </div>
            </div>
            <div class="b30Alist F3">
                <p>Floor 3</p>
                <div class="ill_box">
                    <img
                        src="../../original_ill/ill/Schadenfreude.ZxNX.png"
                        alt="{{song.illustration}}"
                    />
                    <div class="b30_dif IN-BKG">
                        <p>IN 00.0</p>
                    </div>
                    <div class="Rating">
                        <img src="../otherimg/phi.png" alt="{{song.Rating}}" />
                    </div>
                </div>
                <div class="ill_box">
                    <img
                        src="../../original_ill/ill/Schadenfreude.ZxNX.png"
                        alt="{{song.illustration}}"
                    />
                    <div class="b30_dif IN-BKG">
                        <p>IN 00.0</p>
                    </div>
                    <div class="Rating">
                        <img src="../otherimg/phi.png" alt="{{song.Rating}}" />
                    </div>
                </div>
                <div class="ill_box">
                    <img
                        src="../../original_ill/ill/Schadenfreude.ZxNX.png"
                        alt="{{song.illustration}}"
                    />
                    <div class="b30_dif IN-BKG">
                        <p>IN 00.0</p>
                    </div>
                    <div class="Rating">
                        <img src="../otherimg/phi.png" alt="{{song.Rating}}" />
                    </div>
                </div>
            </div>
            <div class="b30Alist">
                <p>Overflow 3</p>
                <div class="ill_box">
                    <img
                        src="../../original_ill/ill/Schadenfreude.ZxNX.png"
                        alt="{{song.illustration}}"
                    />
                    <div class="b30_dif IN-BKG">
                        <p>IN 00.0</p>
                    </div>
                    <div class="Rating">
                        <img src="../otherimg/phi.png" alt="{{song.Rating}}" />
                    </div>
                </div>
                <div class="ill_box">
                    <img
                        src="../../original_ill/ill/Schadenfreude.ZxNX.png"
                        alt="{{song.illustration}}"
                    />
                    <div class="b30_dif IN-BKG">
                        <p>IN 00.0</p>
                    </div>
                    <div class="Rating">
                        <img src="../otherimg/phi.png" alt="{{song.Rating}}" />
                    </div>
                </div>
                <div class="ill_box">
                    <img
                        src="../../original_ill/ill/Schadenfreude.ZxNX.png"
                        alt="{{song.illustration}}"
                    />
                    <div class="b30_dif IN-BKG">
                        <p>IN 00.0</p>
                    </div>
                    <div class="Rating">
                        <img src="../otherimg/phi.png" alt="{{song.Rating}}" />
                    </div>
                </div>
            </div>
        </div>
        <div class="createdbox">
            <div class="phi-plugin">
                <p>{{_plugin}}</p>
            </div>
            <div class="ver">
                <p>{{Version.ver}}</p>
            </div>
        </div>
    </div>
</body>
